﻿<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>ToDoList—记事本</title>
    <link rel="shortcut icon" href="./zhou.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-3.5.1.min.js"></script>
    <script src="js/todolist.js"></script>
</head>

<body>
    <header>
        <section>
            <label for="title">Soo.Zhou</label>
            <input type="text" class="text" id="title" name="title" placeholder="添加ToDo" required="required" autocomplete="off" />
            <input type="button" value="添加" id="add">
        </section>
    </header>
    <section>
        <h2>正在进行 <span id="ToDoCount"></span></h2>
        <ol id="ToDoList" class="demo-box">
            <li>
            </li>
        </ol>
        <h2>已经完成 <span id="DoneCount"></span></h2>
        <ul id="DoneList">

        </ul>
    </section>


</body>

</html>